.ellipsis-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.material-progress {
  box-sizing: border-box;
  border-top: #f3f3f3 15rpx solid;
  .title-box {
    box-sizing: border-box;
    padding: 20rpx;
  }
  .msg-bar-box {
    box-sizing: border-box;
    padding: 0 20rpx;
  }
  .progress-day {
    .prog-day-tit {
      position: relative;
      box-sizing: border-box;
      padding: 20rpx;
      padding-left: 80rpx;
      color: #333;
      font-size: 28rpx;
      height: 96rpx;
      line-height: 56rpx;
      &::before {
        content: " ";
        display: block;
        width: 26rpx;
        height: 26rpx;
        border-radius: 50%;
        background-color: #1f63fd;
        position: absolute;
        left: 20rpx;
        top: 36rpx;
      }
    }
    .log-body {
      box-sizing: border-box;
      padding-left: 20rpx;
      padding-right: 20rpx;
      .top {
        height: 42rpx;
        line-height: 42rpx;
        background-color: #1f63fd;
        border-radius: 10rpx;
        color: #FFF;
        font-size: 28rpx;
        text-align: center;
      }
      .log-item {
        line-height: 2;
        color: #333;
        font-size: 24rpx;
        .ellipsis-1;
      }
    }
  }
}
